<template>
  <n-layout class="h-full bg-transparent">
    <n-layout-content
      class="bg-transparent"
      style="height: 100vh"
      :native-scrollbar="false"
      content-style="height:inherit;"
    >
      <div class="flex h-full ">
        <div class="flex-1 flex flex-col justify-center items-center bg-transparent">
          <n-card class="w-1/3 ">
            <div class="top my-5 flex justify-center items-center">
              <img src="../../assets/img_logo.svg" style="width: 90px; height: 90px" />
              <n-gradient-text type="success" class="text-5xl ml-4 font-semibold bg-purple-200"
                >智慧粮仓管理系统</n-gradient-text
              >
            </div>
            <login-form></login-form>
          </n-card>
        </div>
        <div v-show="version" class="fixed bottom-3 right-5 text-sm font-bold">
          version {{ version }}
        </div>
      </div>
    </n-layout-content>
  </n-layout>
</template>

<script setup>
import { inject, ref } from 'vue'

import LoginForm from '@/components/login/LoginForm.vue'

const version = inject < ref < '' >> 'version'
</script>
